<template>
  <div class="panelcontent">
    <nav class="panel">
      <p class="panel-heading">
        可能感兴趣的人
      </p>

      <a class="panel-block is-active">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
        bulma
      </a>
      <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
        marksheet
      </a>
      <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
        minireset.css
      </a>
      <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
        jgthms.github.io
      </a>
      <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-code-branch" aria-hidden="true"></i>
    </span>
        daniellowtw/infboard
      </a>
      <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-code-branch" aria-hidden="true"></i>
    </span>
        mojs
      </a>
      <div class="panel-block">
        <button class="button is-link is-outlined is-fullwidth">
          刷新
        </button>
      </div>
    </nav>
  </div>
</template>

<script>
export default {
  name: 'InterestedPeoplePanel'
}
</script>

<style scoped>
.panelcontent{
  margin-left: 60px;
  max-width: 300px;
  min-width: 300px;
  margin-top: 30px;
}
</style>
